<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>团广首页</title>
    <link rel="stylesheet" href="../css/index.min.css">
    <link rel="stylesheet" href="../css/lesson.min.css">
    <link rel="stylesheet" href="../css/searchBox.min.css">
    <link rel="stylesheet" href="../css/loginPage.min.css">
    <link rel="stylesheet" href="../css/logined.min.css">
    <script src="../js/hotcss.js"></script>
</head>
<body>
    <div class="container">
        <header class="header">
            <div  class="login">
                <img class="menu" src="../image/common_menu.png" alt="">
            </div>
            <!-- <img class="logo" src="./image/logo.png" alt=""> -->
            <div class="search" id="search">
                <img  src="../image/common_search.png" alt="">
            </div>
        </header>
        <div class="content">
            <ul class="swiper">
                <li>
                    <img class="slideImg" src="../image/06.jpg" alt="">
                    <div>
                        <h4>预装软件的红与黑！从加法到减法</h4>
                        <div class="data">
                            <span>10月19日 14:00 - 17:30</span>
                            &nbsp;
                            &nbsp;
                            <span>金广大厦2楼</span>
                        </div>
                    </div>
                </li>
            </ul>
            <div class="name">
                <div>
                    <div>
                        <img src="../image/controll_w.png" alt="">
                        <!-- <div></div> -->
                        <div>
                            <h4>KIMIN</h4>
                            <p>网络互动中心设计师</p>
                        </div>
                    </div>
                    <a href="./lesson-details.html">
                        预约报名
                        <span></span>
                    </a>
                </div>
                <div>
                    <h4>
                        高端移动应用开发
                    </h4>
                    <div>
                        10月19日 14:00 - 17:30
                    </div>
                </div>
            </div>
            <div class="nameImg">
                <img src="../image/cour_01.png" alt="">
            </div>
            <div class="name">
                <div>
                    <div>
                        <img src="../image/controll_w.png" alt="">
                        <!-- <div></div> -->
                        <div>
                            <h4>KIMIN</h4>
                            <p>网络互动中心设计师</p>
                        </div>
                    </div>
                    <a href="./lesson-details.html">
                        预约报名
                        <span></span>
                    </a>
                </div>
                <div>
                    <h4>
                        高端移动应用开发
                    </h4>
                    <div>
                        10月19日 14:00 - 17:30
                    </div>
                </div>
            </div>
            <div class="nameImg">
                <img src="../image/cour_01.png" alt="">
            </div>
            <div class="name">
                <div>
                    <div>
                        <img src="../image/controll_w.png" alt="">
                        <!-- <div></div> -->
                        <div>
                            <h4>KIMIN</h4>
                            <p>网络互动中心设计师</p>
                        </div>
                    </div>
                    <a href="./lesson-details.html">
                        预约报名
                        <span></span>
                    </a>
                </div>
                <div>
                    <h4>
                        高端移动应用开发
                    </h4>
                    <div>
                        10月19日 14:00 - 17:30
                    </div>
                </div>
            </div>
            <div class="nameImg">
                <img src="../image/cour_01.png" alt="">
            </div>
            <div class="more">
                加载更多
            </div>
        </div>
        <footer class="footer">
            <a href="../index.html">
                <img src="../image/01home_g.png" class="footerIcon">
                <p>首页</p>
            </a>
            <a>
                <img src="../image/03GIMC_g.png" class="footerIcon">
                <p>GIMC</p>
            </a>
            <a href="./article.html">
                <img src="../image/05article_g.png" class="footerIcon">
                <p>文章</p>
            </a>
            <a href="./resource.html">
                <img src="../image/07resou_g.png" class="footerIcon">
                <p>资源</p>
            </a>
            <a href="./lesson.html">
                <img src="../image/10college_r.png" class="footerIcon">
                <p>学院</p>
            </a>
        </footer>
    </div>
    <div class="search-box"> 
        <div class="input-bar">
            <img src="../image/login_close.png" alt="" id="closeBtn">
            <div class="input-con">
                <img src="..//image/fangdajing.png" alt="">
                <input type="text" placeholder="search">
            </div>
        </div>
        <div class="search-tips">
            <div class="title">热搜</div>
            <div class="item-box">
                <div class="items">项目管理</div>
                <div class="items">移动互联网</div>
                <div class="items">细分平台业务</div>
                <div class="items">O2O</div>
                <div class="items">媒介平台</div>
                <div class="items">项目管理</div>
                <div class="items">拥抱变革，创造未来</div>
                <div class="items">平台</div>
                <div class="items">上海金投赏创意奖</div>
            </div>
        </div>

    </div> 

    <div class="login-page">
        <img src="../image/login_close.png" alt="" class="loginClose" id="loginClose">
        <div class="wrapper">
            <img src="../image/common_logo.png" alt="" class="logo">
            <div class="msg">
                <form action="">
                    <div class="item">
                        <label for="username">
                            <img src="../image/login_01.png" alt="">
                        </label>
                        <input type="text" id="username">
                    </div>
                    <div class="item">
                        <label for="psw">
                            <img src="../image/login_02.png" alt="">
                        </label>
                        <input type="password" id="psw">
                    </div>
                </form>
                <div class="forget-psw">
                    <img src="../image/login_03.png" alt="">
                    <span>忘记密码</span>
                </div>
            </div>
            <div class="btns">
                <div class="loginBtn" id="loginBtn">登陆</div>
                <div class="register">注册</div>
            </div>
        </div>
    </div>

    <div class="logined-page">
        <div class="input-bar">
            <img src="../image/login_close.png" alt="" id="closeLoginedBtn">
            <div class="input-con">
                <img src="..//image/fangdajing.png" alt="">
                <input type="text" placeholder="search">
            </div>
        </div>
        <div class="my-profile">
            <div class="avator">
                <img src="../image/head_portrait.png" alt="">
            </div>
            <div class="me">
                <div class="name">
                    <div class="username">
                        陈小敏
                    </div>
                    <div class="person-center">
                        个人中心&gt;
                    </div>
                </div>
                <div class="stars">
                    <img src="../image/star.png" alt="">
                    <img src="../image/star.png" alt="">
                    <img src="../image/star.png" alt="">
                    <img src="../image/star.png" alt="">
                </div>
                <div class="relation">
                    <div class="follows">
                        关注<span>36</span>
                    </div>
                    <span class="middile">|</span>
                    <div class="fans">
                        粉丝<span>290</span>
                    </div>
                </div>
            </div>
            <div class="btn-tool">
                <button>我的收藏</button>
                <button>我的发布</button>
            </div>
        </div>
        <div class="line"></div>
        <div class="menus">
            <div class="items">
                <div class="title">
                    GIMC
                    <img src="../image/drop_left.png" alt="">
                </div>
                <ul>
                    <li>省广介绍</li>
                    <li>新闻资讯</li>
                </ul>
            </div>
            <div class="items">
                <div class="title">
                    文章
                    <img src="../image/drop_left.png" alt="">
                </div>
            </div>
            <div class="items">
                <div class="title">
                    资源
                    <img src="../image/drop_left.png" alt="">
                </div>
            </div>
            <div class="items">
                <div class="title">
                    课程
                    <img src="../image/drop_left.png" alt="">
                </div>
            </div>
        </div>
        <div class="login-out">
            <button id="loginOutBtn">退出</button>
        </div>
    </div>
    <script src="../js/search.js"></script>
    <script src="../js/showLogin.js"></script>
</body>
</html>